import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import One from '../One'
import Two from '../Two'
import Three from '../Three'
import Four from '../Four'

const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps['items'] = [
  {
    key: '1',
    label: '图片模板',
    children: <One/>,
  },
  {
    key: '2',
    label: 'PPT模板',
    children: <Two/>,
  },
  {
    key: '3',
    label: '视频模板',
    children:  <Three/>,
  },
    {
    key: '4',
    label: 'H5网页模板',
    children: <Four/>
  },
];

const App: React.FC = () => <Tabs
                            defaultActiveKey="1" 
                            items={items} 
                            onChange={onChange} 
                         
                            />;

export default App;